<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>01css기본</title>
		<style type="text/css">
			body { border: 1px solid red; }
			p, h1 { color: blue; }
		</style> <!-- 내부 스타일시트 -->
		<link type="text/css" rel="stylesheet" href="CSS/01CSS.css" />  <!-- 외부 스타일시트 -->
	</head>
		<h1>CSS 기본</h1>
		<p style="color: orange">CSS1은 1996년 12월에 발표됨</p>
		<p>CSS2는 1998년 5월에 발표됨</p>
		<p>CSS3은 2005년 12월이후로 계속 개발중<br />
			2010년 12월에 2차 안정화 버전 발표
		</p>
		<!-- 
			CSS : Cascading Style Sheet
			작성한 HTML 문서의 내용이 브라우저에 따라 각각 다르게 표현되던 문제 해결할 목적
			HTML 의 시각적 표현을 제어하기 위한 언어
			웹 페이지으 ㅣ디자인을 제어하고 더 매력적으로 보이게 할 수 있음
			
			p, h1 { color: orange; }
			CSS 규칙은 선택자(p, h1)와 선언({ })으로 구성
			선택자는 CSS를 적용할 요소를 의미
			하나 이상의 선택자는 ,로 구분
			
			선언은 속성(color)과 속성값(orange)으로 구성
			속성은 변경하려는 요소의 부분(성질)을 의미
			값은 선택한 속성에 사용하려는 설정을 의미
			하나 이상의 선언들은 ;으로 구분
			주석은 /* */으로 사용
			
			인라인 스타일
			각 요소(태그)안에 style 속성을 사용
			스타일은 해당 태그에만 적용됨
			
			내부 스타일
			head 태그에 style 태그에 선언
			type 속성으로 css 문서 종류 지정
			선택자에 의해 부분 또는 전체대상으로 적용 가능
			
			외부 스타일
			head 태그에 link 태그에 선언
			href 속성으로 연결할 외부 CSS 파일 지정 
			rel 속성으로 현재페이지와 link 문서간의 관계 지정
			
			내부/인라인 vs 외부 스타일
			되도록 외부 스타일을 사용할 것
			페이지의 코드양이 줄어듬 - 전송속도 빨라짐
			페이지와 컨텐츠를 분리할 수 있음
			하나의 파일만 변경하면 모든 페이지 스타일 적용
		-->
	<body>
	</body>
</html>
